/*页面布局的宽度部分用百分比相对宽度,部分使用css3弹性盒模型*/

/*默认样式重置*/
body,ul,p,input{
	margin: 0;
	padding: 0;
	font-family: "微软雅黑";
	font-size: 14px;
}
a{
	text-decoration: none;
}
img{
	vertical-align: middle;
}
ul,li{
	list-style: none;
}
.clearfix:after{
	content: "";
	display: block;
	clear: both;
}
/*页面头部样式*/
header{
	background: #fff;
	height: 45px;
	position:relative;
	margin-right: 10px;
}
header:before{
	content: " ";
	display: block;
	position: absolute;
	height: 20px;
	width: 1px;
	left: 140px;
	top: 12px;
	background: #e6e6e6;
}
header >*{
	display: block;
	float: left;
	margin-top: 15px;
}
header >a{
	float: right;
	color: #22AC38;
}
#logo_img,#search_box i{
	background: url(../mobile_img/logo.png) no-repeat;
	background-size: 200px;	
}
#logo_img{
	width: 124px;
	height: 26px;
	margin:10px 20px 10px 10px;
}
.area_select span{
	color: #179500;
    display: block;
    position: relative;
}
.area_select span:after{
	content: "";
    display: block;
    position: absolute;
    height: 7px;
    width: 7px;
    top: 3px;
    right: -14px;
    border: 1px solid #ccc;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
}

/*图片轮播及搜索框样式*/
div#img_slider img{
	width: 100%;
}

#search_box{
	background:#fff;
	color: #22AC38;
	height:30px;
	line-height: 30px;
	border-radius: 4px;
	position: absolute;
	top: 55px;
	left: 10%;
	right: 10%;
	
}
#search_box >div{
	width: 100%;
	color: #999;
	text-align: center;
}
#search_box i{
	display: block;
	position: absolute;
	width: 27px;
	height: 27px;
	left: 50%;
	margin-left: -80px;
	background-position: -125px 3px;
}
/*服务承诺区域*/
.promise_list{
	margin-top: 5px;
}
.promise_list span{
	display: block;
	float: left;
	width: 33.333%;
}
.promise_list i{
	font-size: 12px;
	font-style: normal;
	color: #22AC38;
	display: block;
	border:1px solid #22AC38;
	text-align: center;
	line-height: 20px;
	border-radius: 10px;
	margin: 0 10px;
}
#promise ul{
	margin: 15px 0;
}
#promise li{
	float: left;
	width: 50%;
}
#promise a{
	display: block;
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-size: 18px;
	text-align: center;
	border-radius: 4px;
}
#promise ul li:nth-child(1) a{
	background: #13ae2f;
	margin:0 7px 0 15px;
}
#promise ul li:nth-child(2) a{
	background: #8fc31f;
	margin: 0 15px 0 7px;
}
/*页面中几个样式相同的小标题*/
.title{
	position: relative;
	padding-left:15px;
	border-bottom:1px solid #eee;
	background:#f1f1f1;
	color: #666;
	line-height: 24px;
}
.title:before{
	content: " ";
	display: block;
	position: absolute;
	left: 0;
	top: 6px;
	width: 5px;
	height: 12px;
	background: #22ac38;
}
/*快速帅选*/
#fast_select{
	background: #fcfcfc;
}
#fast_select li{
	float: left;
	width: 25%;
	text-align: center;
}
#fast_select li a {
    line-height: 44px;
    display: block;
    color: #333;
}

.brand li img{
	width: 30px;
	margin-right: 10px;
}
#fast_select  .brand li:last-child a{
	color: #13AE2F;
}
.both_car{
	display: block;
	line-height: 42px;
	text-align: center;
	color: #13AE2F;
}
/*在div后面加一段灰色的线条*/
#fast_select:after{
	content: "";
	display: block;
	height: 7px;
	background: #E5E5E5;
}
/*免费卖车*/
.salecar-box{
	background: #8FC31F;
	color: #fff;
}
.salecar-box p{
	text-align: center;
}
.salecar-box p.t1{
	font-size: 22px;
	font-weight: 900;
	padding: 5px 0;
}
.submit_info input{
	padding: 0 5px;
	height: 30px;
	border: none;
	border-radius: 3px;
}
.submit_info{
	margin: 15px 0 20px 25px;
}
.submit_info input:first-child{
	width: 62%;
}
.submit_info input:last-child{
	width: 30%;
	background: #ff7e00;
	color: #fff;
}
.salecar-box ul{
	background: #fff;
	display: -webkit-box;
	display: flex;
	
}

.salecar-box li{
	height: 44px;
	/*css3伸缩盒*/
	display: -webkit-box;
	display: flex;
	-webkit-box-flex: 1;
	flex: 1;
	justify-content: center;
	align-items: center;
	-webkit-box-pack: center;
    -webkit-box-align: center;
}
.salecar-box li a{
	color: #13ae2f;
}
.salecar-box li:first-child{
	position: relative;
}
.salecar-box li:first-child:after{
	content: "";
	position: absolute;
	height: 28px;
	width: 1px;
	right: 0;
	top:8px;
	background:#e6e6e6;
}
.salecar-box li i{
	background: url(../mobile_img/logo.png) no-repeat;
	background-size: 200px;
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	background-position:-152px -3px ;
	margin-right: 3px;
}
.salecar-box li:last-child i{
	background-position:-172px -3px ;
}
/*热门车源*/
.hot_car li{
	display: -webkit-box;
	display: flex;
}
.hot_car li a{
	display: -webkit-box;
	-webkit-box-flex: 1;
	flex: 1;
}
.hot_car li a img{
	width: 100%;
}
/*在售车辆展示*/
.show_car .car_list li{
	float: left;
	width: 50%;
	border-bottom: 1px solid #eee;
}
.show_car .car_list a{
	display: block;
	padding: 6px 3px 6px 6px;
	color: #333;
}
.show_car .car_list li.even a{
	padding: 6px 6px  6px 3px;
}
.show_car .car_list a img{
	width: 100%;
}
.car_list li >*:nth-child(3) {
    color: #999;
    font-size: 12px;
    padding-left: 6px;
}
.car_list li >*:nth-child(4) {
    margin: 5px 0;
    font-size: 22px;
    color: #ff7e00;
    position: relative;
    padding-left: 6px;
}
.car_list li >*:nth-child(4) del {
    font-size: 14px;
    color: #999;
    position: absolute;
    right: 6px;
    top: 6px;
}
/*页面尾部*/
.footer{
	width: 100%;
    background-color: #e5e5e5;
    padding: 21px 0;
    
}
.footer p{
	color: #666;
	text-align: center;
	font-size: 12px;
	padding-bottom: 4px;
}
.footer .media-state{
	text-align: center;
}
.footer .media-state a.active{
	color: #22ac38;
	font-weight: 700;
}
.footer .media-state a{
	display: inline-block;
	padding: 0 12px 12px;
	color: #666;
	
}
.footer2{
	background: #313131;
    padding: 3px 0 40px;
    line-height: 20px;
    color: #686868;
    text-align: center;
    
}
.footer2 p{
	font-size: 12px;
}
